	<!-- MAIN -->
		<div class="main">
			<!-- MAIN CONTENT -->
			<div class="main-content">
				<div class="container-fluid">
					<h3 class="page-title">权限</h3>
					<div class="row">
						<form action="" method="post" role=form  enctype="multipart/form-data">
							<div class="panel">
								<div class="panel-heading">
									<h3 class="panel-title">权限添加</h3>
								</div>
								<div class="panel-body">

                                     <h4>权限名称</h4>
									<input type="text" class="form-control" name="name" placeholder="请输入权限名称">

									

                                     <h4>权限规则</h4>
									<input type="text" class="form-control" name="rule" placeholder="例子:admin/add">
									<br>
									<h4>权限分类</h4>
									<div class="panel-body list">

									<select name="pid" class="form-control select_cate">

									<option value="0">顶级分类</option>
									
									<?php foreach( $data as $v){?>

									<option value="<?php echo $v['id'] ?>"><?php echo $v['name']; ?></option>
									<?php } ?>

									</select>
									
								   </div>

										<div class="panel-body">
										<label class="fancy-radio">
										<span>是否启用</span>
										<input type="radio" value="1" name="status">
										<span><i></i>是</span>
										</label>
										<label class="fancy-radio">
										<input type="radio" value="0" name="status">
										<span><i></i>否</span>
										</label>
										</div>
									<input class="form-control" type="submit" value="提交">
									<br>
                                    
							<!-- TODO LIST -->
							
								
								
						

									
								</div>
								
								
							</div>
							</div>

							<!-- END TODO LIST -->
						</div>
						
					</div>

				</form>
				</div>
				</div>
				</div>

												
	</div>
		<script src="resources/assets/jquery-3.2.1.min.js"></script>
<script type="text/javascript" >


	$(function(){
		// 给'.all :checkbox'绑定点击事件
		$('.all :checkbox').click(function(){
			// alert(22)
		 // $(this).parent().parent().next().find(':checkbox').prop('checked',true);
           // 如果点击的是选中状态
		 if($(this).is(':checked')){
		 	// 查找到所有选择框调为选中状态
		 	$(this).parent().parent().next().find(':checkbox').prop('checked',true);
		}else{
			// 查找到所有选择框调为未选中状态
            $(this).parent().parent().next().find(':checkbox').prop('checked',false);
		}
	 })  
	  // .unstyled :checkbox绑定点击事件
	    $('.unstyled :checkbox').click(function(){
             // 获取所有选择框中已经选中状态的个数
	    	var len = $(this).parent().parent().parent().find(':checkbox:checked').length;

            // 个数大0
	    	if(len>0){
             // 把最上级的选择框选中
            $(this).parent().parent().parent().prev().find(':checkbox').prop('checked',true);

	    	}else{
	    		// 把最上级的选择框取消选中
	    		 $(this).parent().parent().parent().prev().find(':checkbox').prop('checked',false);
	    	}
  
	   })	
       
		
})


</script>